let app=new Vue({
    el:'#app',
    data:{
        rolos:[1,2,3,4,5,6],
        list:['li','wang','zhang','cao']
    },
    //创建组件
    components:{
        //大驼峰的时候，调用改为横杠roleList为role—list
        'role-list':{
            //模板语法
            props:['togg'],
            //多个兄弟元素必须给根元素
            template:`<div><p v-for='r in togg'>组件化  {{r}}</p></div>`
        }
    }
})


//全局组件
Vue.component("runoob",{
    props:['hiht'],
    template:`<div><p v-for='l in hiht'>全局组件{{l}}</p></div>`,
});

new Vue({
    el:"#box",
    data:{
        list:[1,2,3]
    }
})